import $ from './library/jquery.js';
import cookie from './library/cookie.js';
// 通过search 获得到商品id
// $(function () {
let id = location.search.split('=')[1];

$.ajax({
  type: 'get',
  url: '../../interface/getItem.php',
  data: {
    id: id,
  },
  dataType: 'json',
  success: function (res) {
    let picture = JSON.parse(res.picture);

    let temp = `
          <div class="h2">
          <p>
          ${res.title}
         </p>
        </div>
          <div class="page-left">
            <img src="../${picture[1].src}" alt="">
          </div>
          <div class="page-right">
          <div class="span1">
           <p> ${res.title}</p>
           <p>G字型传感器 / 高精准BIA芯片 / 13项身体数据 / 平衡能力测试</p>
           <p>小米自营</p>
           <p class="p-price">${res.price}元</p>
          </div>
         <div class="span2">
           <p>
             浙江 温州市 乐清市 城南街道
           </p>
           <p>有现货</p>
         </div>
         <div class="span3">
           <p>选择颜色</p>
           <a href="">白色</a>
         </div>
         <div class="span4">
           <p>小米体脂秤2 白色 通用</p>
          <p class="p-sum">总计：${res.price}元</p>
         </div>
         <div class="span5">
         
     <div class="addCar">
       <a href="javascript:void(0)" >加入购物车</a>
     </div>
  </div>
         <div class="after-sale-info">
           <span class="span-out"><a href=""><span class="iconfont icon-dui"></span>小米自营</a></span>
           <span class="span-out"><a href=""><span class="iconfont icon-dui"></span>小米发货</a></span>
           <span class="span-out"><a href=""><span class="iconfont icon-dui"></span>7天无理由退货</a></span>
           <span class="span-out"><a href=""><span class="iconfont icon-dui"></span>运费说明</a></span>
           <span class="span-out"><a href=""><span class="iconfont icon-dui"></span>企业信息</a></span>
           <span class="span-out"><a href=""><span class="iconfont icon-dui"></span>售后服务政策</a></span>
           <span class="span-out"><a href=""><span class="iconfont icon-dui"></span>7天价格保护</a></span>
       </div>
        </div>
          `;
    let a = 1;
    $('.page-c')
      .prepend(temp)
      .find('.addCar')
      .on('click', function () {
        // console.log(1);
        console.log(cookie);
        addItem(res.id, res.price, a);
        // alert(1);
      });
    // $('.increment').click(function () {
    //   // alert(1);
    //   // 得到当前兄弟文本框的值
    //   var n = $(this).siblings('.itxt').val();
    //   // console.log(n);
    //   n++;
    //   $(this).siblings('.itxt').val(n);
    //   // 3. 计算小计模块 根据文本框的值 乘以 当前商品的价格  就是 商品的小计
    //   // 当前商品的价格 p
    //   var p = $(this).parents('.p-num').siblings('.p-price').html();
    //   // console.log(p);
    //   // p = p.substr(1);
    //   // console.log(p);
    //   var price = (p * n).toFixed(2);
    //   // 小计模块
    //   // toFixed(2) 可以让我们保留2位小数
    //   $(this)
    //     .parents('.p-num')
    //     .siblings('.p-sum')
    //     .html('￥' + price);
    //   getSum();
    // });
    // $('.decrement').click(function () {
    //   // console.log(1);
    //   console.log(cookie);
    //   // 得到当前兄弟文本框的值
    //   var n = $(this).siblings('.itxt').val();
    //   if (n == 1) {
    //     return false;
    //   }
    //   // console.log(n);
    //   n--;
    //   $(this).siblings('.itxt').val(n);
    //   // var p = $(this).parent().parent().siblings(".p-price").html();
    //   // parents(".p-num") 返回指定的祖先元素
    //   var p = $(this).parents('.p-num').siblings('.p-price').html();
    //   // console.log(p);
    //   // p = p.substr(1);
    //   console.log(p);
    //   // 小计模块
    //   $(this)
    //     .parents('.p-num')
    //     .siblings('.p-sum')
    //     .html('￥' + (p * n).toFixed(2));
    //   getSum();
    // });
    // //  4. 用户修改文本框的值 计算 小计模块
    // $('.itxt').change(function () {
    //   // 先得到文本框的里面的值 乘以 当前商品的单价
    //   var n = $(this).val();
    //   // 当前商品的单价
    //   var p = $(this).parents('.p-num').siblings('.p-price').html();
    //   // console.log(p);
    //   // p = p.substr(1);
    //   $(this)
    //     .parents('.p-num')
    //     .siblings('.p-sum')
    //     .html('￥' + (p * n).toFixed(2));
    //   getSum();
    // });
    // getSum();

    // function getSum() {
    //   var count = 0; // 计算总件数
    //   var money = 0; // 计算总价钱
    //   $('.itxt').each(function (i, ele) {
    //     count += parseInt($(ele).val());
    //   });
    //   $('.amount-sum em').text(count);
    //   $('.p-sum').each(function (i, ele) {
    //     money += parseFloat($(ele).text().substr(1));
    //   });
    //   $('.price-sum').text('总计:' + money.toFixed(2) + '元');
    // }
  },
});

function addItem(id, price, num) {
  // console.log(id, price, num);
  let shop = cookie.get('shop');
  console.log(shop);
  let product = {
    id,
    price,
    num,
  };
  // console.log(product);
  // 判断当前cookie中是否有购物数据
  if (shop) {
    // 如果有数据 取出是一个字符串
    shop = JSON.parse(shop);

    // 添加之前先要判断数据中有没有该商品
    if (shop.some((el) => el.id === id)) {
      let _index = shop.findIndex((elm) => elm.id == id);
      let count = parseInt(shop[_index].num);
      count += parseInt(num);
      shop[_index].num = count;
    } else {
      shop.push(product);
    }
  } else {
    // 第一次没有数据的情况 创建一个新数据
    shop = [];
    shop.push(product);
  }

  cookie.set('shop', JSON.stringify(shop), 1);
}
// });
